import Logo from '@/assets/img/logo.png'
var canvas = document.createElement('canvas')
function newImage(text) {
  // 生成图片
  var cxt = canvas.getContext("2d")
  var img = new Image()
  img.src = Logo
  // 图片加载完成，才可处理
  img.onload = () => {
    // 画图(这里画布与图片等宽高)
    cxt.drawImage(img, 0, 30, 200, 200)
    // 设置字体大小
    cxt.font = "28px Microsoft YaHei"
    // 更改字号后，必须重置对齐方式，否则居中麻烦。设置文本的垂直对齐方式
    cxt.textBaseline = 'middle'
    cxt.textAlign = 'center'
    // 距离左边的位置
    var left = canvas.width / 3;
    // 距离上边的位置 (图片高-文字距离图片底部的距离)
    var top = canvas.height - 10;
    // 文字颜色
    cxt.fillStyle = "#000"
    // 文字在画布的位置
    cxt.fillText(text, left, top)
    const targetImage = new Image();
    targetImage.src = canvas.toDataURL("image/jpg")
    document.body.appendChild(targetImage);
  }
}

export default { fn: newImage }

export {newImage}